<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="wjxlogo.jpg" type="wjxlogo/jpg" size = "16×16">
    <title>趣味小测试</title>
</head>
<style>
h
{
    color:#5CACEE;
    font-size:2em;
    font-weight:bold;
    text-align:center;

}
#left {
    float:left;
    width: 15.8%;
    border:0px solid #FF6600;
}
#main {
    float:left;
    width: 67.7%;
    height:100%;
    border:0px solid #FF6600;
}
#right {
    float:right;
    width: 16%;
    border:0px solid #FF6600;
 }
img.a
{
    width:211px;

}
#center
{
    margin-top:10px;

    padding-top:20px;
    padding-right:80px;
    padding-left:80px;
    border:0px solid #030303;
}
h.title
{

    margin-left:350px;

    border:0px solid #FF6600;
}
h.border
{
    float:right;
    text-align:center;
    color:black;
    background-color:	#FFD39B;
    font-size:1em;

    padding-right:30px;
    padding-top:5px;

    padding-bottom:5px;
    border:1px solid #FF6600;
    border-radius:10px;
}
input
{
    width:40px;

    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: solid
}
label{
    color:red;
}
label.checkbox{
    color:	#1E90FF;
}

textarea{
    width:290px;
    height:100px;
}
.submit{
    margin-left:400px;
    margin-top:80px;
    width:60px;
    height:30px;
    color:white;
    background-color:#1E90FF;
    border-radius:10px;

}
</style>
<body>






<div id="left"><img  class = "a"src="bg-color.jpg"></div>
<div id="main">
    <img src="bg-flower.jpg">
    <h class="title">趣味小测试</h><br>
    <div id="center">

        <h class="border">此问卷处于停止状态，仅供浏览，请勿填写！</h><br>
        <p><label >*</label>1.本题考考大家对每月问卷的日程是否熟记于心。</p>
        <p> &nbsp;&nbsp;&nbsp;我们约定每月分两次基础当月问卷，请回答：</p>
         <p>&nbsp;&nbsp;&nbsp;第一批寄出日期为当月:<input type="text" name ="date">日.寄出问卷量为当月的:<input type="text" name ="data">%</p>
</p>
        <hr>
        <p><label >*</label>2.该邮寄问卷了，但是问卷还没有收齐，您会怎么办？（本题不计分）</p>
        <input type="radio" name="dd">等全部收齐了，再寄出<br>
        <input type="radio" name="dd">如果收齐一定比例，就先寄出<br>
        <input type="radio" name="dd">无论手边有多少，都先寄出<br>
        <hr>
        <p><label >*</label>3.请问，您在收集"大事件"过程中，都会采用哪些方法？（本题不计分）<label class="checkbox">【多选题】</label></p>
        <input type="checkbox" name="cb">从电视中中了解<br>
        <input type="checkbox" name="cb">从报纸\杂志中了解<br>
        <input type="checkbox" name="cb">从广播中了解<br>
        <input type="checkbox" name="cb">从网络中查询<br>
        <input type="checkbox" name="cb">看到时随手拍照<br>
        <input type="checkbox" name="cb">从朋友圈、微博、微信中了解<br>
        <input type="checkbox" name="cb">其他<br>
        <hr>
        <p>7.请找出A1两页图示的问题点。</p>
        &nbsp;&nbsp;&nbsp;<textarea name = "ww"></textarea><br>
        <hr>
        <input class = "submit" type="submit" value="提交">
    </div>


</div>
<div id="right"><img class = "a"src="bg-color.jpg"></div>

</body>
</html>